<script setup lang="ts">
import { SvgIcon } from '@/components'
import eventBus from '@/utils/eventBus'
import { AppSetting } from '@/layouts/components/app-setting'

defineOptions({
  name: 'AppSettingButton',
})
</script>

<template>
  <span class="flex-center cursor-pointer px-2 py-1">
    <SvgIcon name="i-uiw:setting-o" class="icon" @click="eventBus.emit('global-app-setting-toggle')" />
    <AppSetting />
  </span>
</template>.
